<template>
	<view>
		<view class="box flex-between">
			<image style="width: 92upx; height: 92upx;border-radius: 50%;" src="https://alipic.lanhuapp.com/xd0cdfd74b-ef97-4ec2-9c91-ddd2bc15bf5e" mode="aspectFill"/>
			<view class="flex-align">
				<label class="fontBlod flex-align">上传图片</label>
				<van-icon name="arrow" />
			</view>
		</view>
		<view class="box flex-between" @click="showChangeNickName=true">
			<label class="fontBig">天晴了</label>
			<view class="flex-align">
				<label class="fontBlod" style="margin-left: 30upx;">点击修改</label>
				<van-icon name="arrow" />
			</view>
		</view>
		<van-action-sheet :show="showChangeNickName" title="修改昵称" @cancel="showChangeNickName=false" @click-overlay="showChangeNickName=false" @close="showChangeNickName=false" >
			<van-field :value="changeNickName" @input="changeNickName=$event.detail.value" label="请输入昵称" />
			<button class="button">确认修改</button>
		</van-action-sheet>
		<view class="box flex-between" @click="goTo('/pages/binding/index')">
			<label class="fontBig">141241515515</label>
			<view class="flex-align">
				<label class="fontBlod" style="margin-left: 30upx;">更换绑定手机</label>
				<van-icon name="arrow" />
			</view>
		</view>
		<view class="box flex-between" @click="goTo('/pages/payMethod/index')">
			<label class="fontBig">支付方式</label>
			<view class="flex-align">
				<label class="fontBlod flex-align">绑定支付</label>
				<van-icon name="arrow" />
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				showChangeNickName:false,
				changeNickName:''
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		margin: 30upx 32upx;
		width: 642upx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 24upx;
		padding: 36upx 22upx;
	}
	.fontBlod{
		font-size: 24upx;
		font-weight: 500;
		color: #656566;
	}
	.font{
		font-size: 24upx;
		font-weight: 500;
		color: #666666;
	}
	.fontBig{
		font-size: 32upx;
		font-weight: 500;
		color: #666666;
	}
</style>
